@import './common';

.form-wrap{

	.form-box{
		width: 100%;
		box-sizing:border-box;
		padding: 0 setSize(63) setSize(90);

		.title{
			padding: setSize(80) 0 setSize(40);
			color:#F8F6FA;
			font-size:setSize(48);
			font-weight:500;
		}

		.input-box{
			
			.input{
				width: 100%;
				padding:setSize(10);
			}
		}

		.code-box{
			box-sizing:border-box;
			padding-bottom: setSize(16);
			margin-top: setSize(50);
			border-bottom:setSize(1) solid #131213;

			.img-box{

				.img{
					display: block;
					width: setSize(36);
					height: setSize(36);
				}
			}

			.code-btn{
				width: setSize(180);
				box-sizing:border-box;
				padding:setSize(12) setSize(20);
				margin-left: setSize(20);
				border-radius:setSize(100);
				border:setSize(1) solid $mainColor;
				text-align:center;
				font-size:setSize(24);
				font-weight:500;
				color:$mainColor;
			}

			.code-btn-default{
				border:setSize(1) solid #999;
				color:#999;
			}
		}
	}
}

.btn-box{
	box-sizing:border-box;
	padding:0 setSize(45);

	.btn{
		height:setSize(88);
		line-height: setSize(88);
		background-color:$mainColor;
		color: #332F36;
		font-size: setSize(34);
		font-weight:500;
		border-radius:setSize(100);
		text-align: center;
	}

	.btn-default{
		background-color:#967F22;
	}
}